<!doctype html>
<html>
    <head>
        <title>拖拽demo</title>
        <meta http-equiv="content-type" content="text/html;charset=utf-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no"/>
         <link rel="stylesheet" href="css/reset.css">
         <link rel="stylesheet" type="text/css" href="css/jsplumbtoolkit-defaults.css">
         <link rel="stylesheet" type="text/css" href="css/jsplumbtoolkit-demo.css">
         <link rel="stylesheet" href="css/workFlowDemo.css">
         <script src="js/jquery-1.9.1.min.js"></script>
         <script src="js/jquery-ui.js"></script>
    </head>
    <body>

        <div class="jtk-demo-main">
            <!-- demo -->
            <div class="canvas " id="canvas">
                <div class="itemLeft"></div>
                <div class="itemRight">
                    <div class="topDiv nvas-wide statemachine-demo jtk-surface jtk-surface-nopan" id="topDiv">
                        <div class="btnDiv"><button class="btn hide hideBtn"></button><button class="btn saveData">保 存</button></div>
                    </div>
                    <div class="downDiv"></div>
                    <div class="rightDiv">
                        <h4 ><span class="arrowBtn"></span></h4>
                        <div class="conts tc">
                            <div class="cont cont1">
                                <form action="" class="svgForm">
                                    <p><label >name</label><input type="text" class="lineName"></p>
                                </form>
                            </div>
                            <div class="cont cont2">
                                <form action="" class="divForm">
                                    <p><label >name</label><input type="text"></p>
                                    <p><label >text</label><input type="text"></p>
                                </form>
                            </div>
                            <button class="btn save">保 存</button>
                        </div>
                    </div>
                </div>
                
            </div>
            <!-- /demo -->
        </div>
        <!-- JS -->
        <script src="js/jsplumb.js"></script>
        <!-- /JS -->
        <!--  demo code -->
        <script src="js/workFlowDemo.js"></script>

    </body>
</html>
